<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>{{$companyBasic->company_name}}真棒，招个人都搞得这么轰动，下血本啊，小伙伴们快来看看吧。</title>
    <!--设置地图-->
    <link rel="stylesheet" href="{{asset('/vendor/swiper/css/animate.min.css')}}">
    <link rel="stylesheet" href="{{asset('/vendor/swiper/css/swiper.min.css')}}">
    <link rel="stylesheet" href="{{asset('/vendor/swiper/css/micro.css')}}">
</head>
<body>
<div id='wx_pic' style="display: none">
    <img src="{{asset($companyBasic->logo)}}"/>
</div>
<div class="swiper-container" id="swiper-container-v">
    @if(empty($companyBasic))
            <!-------------新生活开始----------------->
    <section class="poster_wrap load" id="load" style="background:#F8F8F8">
        <div class="p_loading">
            <div class="p_loading_logo"></div>
            <p class="p_loading_tip">新生活，从新工作开始</p>
        </div>
    </section>
    <div class="swiper-wrapper">
        <!-------------slide1----------------->
        <section class="swiper-slide swiper-slide1 swiper-slide-v" style="background:#F8F8F8">
            <div class="noinfo">
                <span class="not_added">你还未添加公司基本信息</span>
            </div>
        </section>
    </div>
    @else
            <!-------------新生活开始----------------->
    <section class="poster_wrap load" id="load">
        <div class="p_loading">
            <div class="p_loading_logo"></div>
            <p class="p_loading_tip">新生活，从新工作开始</p>
        </div>
    </section>
    <div class="swiper-wrapper">
        <!-------------slide1----------------->
        <section class="swiper-slide swiper-slide1 swiper-slide-v" style="background:#e84c3d">
            <div class="index-top ani">
                <div class="poster_home_page">
                    <div class="poster_logo_con ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s"
                         swiper-animate-delay="0s">
                        <div class="p_logo_b01"></div>
                        <div class="p_logo_b02"></div>
                        <div class="poster_logo"><img src="{{asset($companyBasic->logo)}}">
                        </div>
                    </div>
                    <h1 class="poster_tit ani resize" swiper-animate-effect="fadeInUp"
                        swiper-animate-duration="0.5s"
                        swiper-animate-delay="0.2s" style="font-size:.54rem">{{$companyBasic->company_name}}</h1>
                    <p class="poster_details ani resize" swiper-animate-effect="fadeInUp"
                       swiper-animate-duration="0.5s"
                       swiper-animate-delay="0.4s" style="font-size:.42rem">诚聘英才，欢迎您加入</p>
                </div>
                <div class="footer_msg ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s"
                     swiper-animate-delay="0.5s">机遇，等你发现
                </div>

                <div class="building ani" swiper-animate-effect="myZoomIn2" swiper-animate-duration="0.6s"
                     swiper-animate-delay="0s"></div>
            </div>
        </section>
        <!---------------slide2-------------->
        <section class="swiper-slide swiper-slide1 swiper-slide-v" style="background:#fb832f">
            <div class="poster_home_page">
                <div class="poster_logo_con ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.4s"
                     swiper-animate-delay="0s">
                    <div class="p_logo_b01"></div>
                    <div class="p_logo_b02"></div>
                    <div class="poster_logo"><img src="{{asset($companyBasic->logo)}}"></div>
                </div>
                <div class="about_us ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s"
                     swiper-animate-delay="0.1s">
                    <h3 class="about_us_tit ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.4s"
                        swiper-animate-delay="0.3s">关于我们</h3>
                    <div class="about_us_msg ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s"
                         swiper-animate-delay="0.6s">
                        <div class="about_us_msg_p">
                            <p class="about_us_msg_p">
                                公司地址:{{$companyBasic->address}}<br>
                                公司简介:{{$companyBasic->profile}}
                            </p>
                        </div>
                        <div class="about_bottom"></div>
                    </div>
                </div>
            </div>
        </section>
        <!----------------slide3-------------->
        <section class="swiper-slide swiper-slide3 swiper-slide-v" style="background:#f5cc3d">
            <div class="company_intro">
                <div class="company_intro_list ani" swiper-animate-effect="myFlip" swiper-animate-duration="0.4s"
                     swiper-animate-delay="0s">
                    <div class="company_intro_logo">
                        <i class="logo_ico city"></i>
                    </div>
                    <p class="company_intro_tit">{{$companyBasic->region}}</p>
                </div>
                <div class="company_intro_list ani" swiper-animate-effect="myFlip" swiper-animate-duration="0.4s"
                     swiper-animate-delay="0.1s">
                    <div class="company_intro_logo">
                        <i class="logo_ico num"></i>
                    </div>
                    <p class="company_intro_tit">{{$companyBasic->employee_num}}</p>
                </div>
                <div class="company_intro_list ani" swiper-animate-effect="myFlip" swiper-animate-duration="0.4s"
                     swiper-animate-delay="0.2s">
                    <div class="company_intro_logo">
                        <i class="logo_ico nature"></i>
                    </div>
                    <p class="company_intro_tit">{{$companyBasic->comkind}}</p>
                </div>
            </div>

            {{--福利待遇--}}
            @if(!empty($companyBasic->temptation))
                <div class="welfare">
                    <h2 class="welfare_tit ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s"
                        swiper-animate-delay=".5s">我们能给你的</h2>

                    @if(count($companyBasic->temptation))
                        <div class="welfare_con">
                            @foreach($companyBasic->temptation as $k=>$v)
                                @if($k<8)
                                    @if($k%2==0)
                                        <div class="welfare_list">
                                            <div class="welfare_list_l ani" swiper-animate-effect="fadeInLeft"
                                                 swiper-animate-duration="0.2s"
                                                 swiper-animate-delay="{{$v['delay']}}s">
                                                <div class="welfare_list_skew"><span
                                                            class="welfare_list_details">{{str_limit($v['name'],12)}}</span>
                                                </div>
                                            </div>
                                            @else
                                                <div class="welfare_list_r ani" swiper-animate-effect="fadeInRight"
                                                     swiper-animate-duration="0.2s"
                                                     swiper-animate-delay="{{$v['delay']}}s">
                                                    <div class="welfare_list_skew"><span
                                                                class="welfare_list_details">{{str_limit($v['name'],12)}}</span>
                                                    </div>
                                                </div>
                                        </div>
                                    @endif
                                @endif
                            @endforeach
                        </div>
                        <div class="more_position">
                            <a class="more_position more_temptation ani"
                               href="{{url('comabout_'.idEncryption($companyBasic->id).'.html')}}"
                               id="viewmoreinfozp" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s"
                               swiper-animate-delay="0.8s">查看更多福利&gt;&gt;</a>
                        </div>
                    @endif
                </div>
            @endif
        </section>
        <!-------------slide4----------------->
        <section class="swiper-slide swiper-slide4 swiper-slide-v" style="background:#3598dc">
            <h1 class="posit_tit" style="color:#fff"><i class="about_us_tit_ico"></i>我们招聘的职位</h1>

            <div class="swiper-container ani" id="swiper-container-h" swiper-animate-effect="rotateInUpLeft"
                 swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                <div class="swiper-wrapper">

                    @if(count($companyJob)>0)
                        @foreach($companyJob as $v)
                            <div class="swiper-slide">
                                <div class="posit_details_head">
                                    <h3 class="posit_details_tit">{{str_limit($v->job_title,24)}}</h3>
                                    <span class="posit_details_money"><strong>{{$v->money}}</strong></span>
                                    <p class="posit_details_tip">{{$v->work_year}} | {{$v->education}}</p>
                                </div>
                                <div class="job_details">
                                    <p class="job_address">工作地点：{{$v->location}}</p>
                                    <h3 class="job_name">
                                        职位描述：<a class="job_name_details"
                                                href="{{url('jobinfo_'.idEncryption($v->id).'.html')}}">职位详情&gt;&gt;</a>
                                    </h3>
                                    <div class="job_msg">{{$v->description}}</div>
                                </div>
                                <div class="posit_arrow_bot"></div>
                            </div>
                        @endforeach
                    @else
                        <div class="swiper-slide">
                            <div class="noinfo">
                                <span class="not_added">你还未发布职位</span>
                            </div>
                            <div class="posit_arrow_bot"></div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="job_btn_con ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.3s"
                 swiper-animate-delay="0.3s">
                <div class="job_btn_list">
                    <a href="{{url('comabout_'.idEncryption($companyBasic->id).'.html')}}" class="job_btn add">公司主页</a>
                    <a href="tel:{{$companyBasic->phone}}" class="job_btn tel">电话联系</a>
                </div>
            </div>
        </section>
        <!-------------slide5----------------->
        <section class="swiper-slide swiper-slide5 swiper-slide-v" style="background:#653781">
            <div class="poster_logo_con ani" swiper-animate-effect="zoomIn"
                 swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                <div class="p_logo_b01"></div>
                <div class="p_logo_b02"></div>
                <div class="poster_logo"><img src="{{asset($companyBasic->logo)}}"></div>
            </div>
            <p class="praise_tip ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.3s"
               swiper-animate-delay="0.3s">已有<b>{{$companyBasic->micro_like}}</b>人觉得这家公司值得加入</p>

            @if(empty(session('like')))
                <a class="praise_btn ani" onclick="microLike('{{$companyBasic->id}}',$(this))"
                   swiper-animate-effect="fadeInUp"
                   swiper-animate-duration="0.4s" swiper-animate-delay="0.3s">
                    <i><em></em></i><span>点赞，值得加入</span>
                </a>
            @else
                <a class="praise_btn on ani" swiper-animate-effect="fadeInUp"
                   swiper-animate-duration="0.4s" swiper-animate-delay="0.3s">
                    <i><em></em></i><span>谢谢您！</span>
                </a>
            @endif

            <a class="praise_share_btn ani" onclick="clickLog('from=wzp_shareright');" swiper-animate-effect="fadeInUp"
               swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">分享给好友</a>
            <a class="more_position ani" href="{{url('job')}}" id="viewmoreinfozp" swiper-animate-effect="fadeInUp"
               swiper-animate-duration="0.6s" swiper-animate-delay="0.3s">查看更多职位&gt;&gt;</a>
        </section>
        <!-------------slide6----------------->
        <section class="swiper-slide swiper-slide6 swiper-slide-v" style="background:#ECECEC">
            <div class="download-bg">
                <div class="download-con" style="padding-top:34px;">
                    <h3 class="download-title ani" swiper-animate-effect="zoomIn"
                        swiper-animate-duration="0.5s" swiper-animate-delay="0s">找工作上{{Site::get('webname')}}，入职快！</h3>
                    <p class="download-tip ani" swiper-animate-effect="fadeInUp"
                       swiper-animate-duration="0.4s" swiper-animate-delay="0.3s">随时随地查看附近招聘信息，一键投递</p>
                    <a class="download-btn ani" href="{{url('/')}}" swiper-animate-effect="fadeInUp"
                       swiper-animate-duration="0.4s" swiper-animate-delay="0.5s">马上前往</a></div>
            </div>
        </section>

    </div>
    <div class="arrow_top"><span></span></div>
    <div class="layer"></div>
    <div class="wx_layer"></div>

    <div class="reward_btn_modular">
        <div class="reward_home_con">
            <a class="reward_plus_item reward_home_btn" href="javascript:;" id="reward_share"
               onclick="clickLog('from=wzp_shareright');">分享</a>
        </div>
    </div>

    <div class="layer" style="display: none;"></div>

    <!--音乐区域-->
    <div id="music">
        <img src="{{asset('/vendor/swiper/images/music.gif')}}" alt="" class="music_bg"/>
        <img src="{{asset('/vendor/swiper/images/music_off.png')}}" alt="" class="music_pic"/>
        <audio src="{{asset('/vendor/swiper/images/bgmusic.mp3')}}" autoplay="autoplay" id="audio"></audio>
    </div>
    <!--音乐区域结束-->
    @endif
    {{--页数码关闭--}}
    {{--<div class="swiper-pagination"></div>--}}
</div>

<script type="text/javascript" src="{{asset('/default/js/mobile/rem.js')}}"></script>
<script type="text/javascript" src="{{asset('/default/js/mobile/zepto.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/org/mobile_layer/layer.js')}}"></script>
<script type="text/javascript" src="{{asset('/default/js/mobile/public.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/swiper/swiper.animate.min.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/swiper/swiper.min.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/swiper/code.min.js')}}"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	wx.config({
	    debug: false,
	    appId: '{{$signPackage["appId"]}}',
    	timestamp:{{$signPackage["timestamp"]}},
    	nonceStr: '{{$signPackage["nonceStr"]}}',
    	signature: '{{$signPackage["signature"]}}',
	    jsApiList: ['showOptionMenu','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ']
	});
	wx.ready(function() {
    var title = "{{$companyBasic->company_name}}真棒，招个人都搞得这么轰动，下血本啊，小伙伴们快来看看吧。";
    var link = "{{url("micro_recruitment_".idEncryption($companyBasic->id).".html")}}";
    var imgUrl = "{{asset($companyBasic->logo)}}";
    var desc = "我公司正在招聘人才，待遇福利优厚，欢迎小伙伴围观。";
		wx.showOptionMenu();
    wx.onMenuShareTimeline({
		    title: title,
		    link: link,
		    imgUrl: imgUrl,
		    success: function(){
			    //wxlog('pyq');
		    },
		    cancel: function(){
		    }
		});
		//分享到朋友
		wx.onMenuShareAppMessage({
			title: title,
		    link: link,
		    imgUrl: imgUrl,
		    desc: desc,
			type: '',
			dataUrl: '',
			success: function(){
				//wxlog('wxhy');
			},
			cancel: function(){
			}
		});
		//分享到QQ
		wx.onMenuShareQQ({
    		title: title, // 分享标题
   			desc: desc, // 分享描述
    		link: link, // 分享链接
    		imgUrl: imgUrl, // 分享图标
    		success: function () {
    			//wxlog('qqhy'); // 用户确认分享后执行的回调函数
    		},
    		cancel: function () {
       			// 用户取消分享后执行的回调函数
    		}
		});
	});
  </script>
<script>
    function clickLog(parm){
        if($('.layer').css("display") == "none"){
            $('.layer').show();
        }else{
            $('.layer').hide();
        }
    }
    $('.layer').click(function(){
        $('.layer').hide();
    });

    /**
     * 点赞
     * param id
     */
    var sign = true;
    function microLike(com_id, othis){
        @if(empty(session('like')))
        if(sign){
            sign = false;
            $.post("/micro_like?com_id=" + com_id, {
                '_token': "{{csrf_token()}}"
            }, function(data){
                if(data.status == 0){
                    layerMsg(data.msg, 1);
                    othis.addClass('on').find('span').html('谢谢您！');
                }else{
                    layerMsg(data.msg, 1);
                }
            });
        }
        @else
            layerMsg('你已经对这家公司点赞了，不能重复点赞', 1);
        @endif
    }
    document.addEventListener('DOMContentLoaded', function () { //添加监听DOM 结构是否加载完，（不包含图片和其他资源）
        function audioAutoPlay() {
            var audio = document.getElementById('audio');//获取音乐标签的id
            audio.play(); //播放
            document.addEventListener("WeixinJSBridgeReady", function () { //监听微信准备就绪事件，只能在微信用
                audio.play(); //播放
            }, false);
        }
        audioAutoPlay();
    });

</script>
</body>
</html>
